<?php
    require_once "jssdk.php";
    $jssdk = new JSSDK("wx8a5f48478196f68f", "a18ccb703f1d71f2b41a94b9b7a4bbff");
    $signPackage = $jssdk->GetSignPackage();
?>  
<!DOCTYPE html> 
<html>
  <head>
    <meta charset="utf-8">
    <meta name="screen-orientation" content="portrait">
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <title>玩转缤纷冰饮，一起搅拌吧!</title>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?2ee47be07f8f4759bd0b1cc058fa0ffc";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- <script src="static/openApp.js"></script> -->
  </head>
  <body>
    <img class="share-img" src="//dejing.vo20.cn/static/img/shareIcon.jpg" style="display:none">
    <audio src="static/audio/bg.mp3" id="bg_music" style="display:none" autoplay loop></audio>
    <div id="app"></div>

    <!-- built files will be auto injected -->
    <script>
            document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
                document.getElementById('bg_music').play();
            },false)

        /*
        * 注意：
        * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
        * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
        * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
        *
        * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
        * 邮箱地址：weixin-open@qq.com
        * 邮件主题：【微信JS-SDK反馈】具体问题
        * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
        */
        wx.config({
            debug: false,
            appId: '<?php echo $signPackage["appId"];?>',
            timestamp: <?php echo $signPackage["timestamp"];?>,
            nonceStr: '<?php echo $signPackage["nonceStr"];?>',
            signature: '<?php echo $signPackage["signature"];?>',
            jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            'checkJsApi',  //判断当前客户端版本是否支持指定JS接口
            'onMenuShareTimeline', //分享给好友
            'onMenuShareAppMessage', //分享到朋友圈
            'onMenuShareQQ',  //分享到QQ
            'onMenuShareWeibo' //分享到微博
            ]
        });
        wx.ready(function () {
            // 在这里调用 API
            wx.onMenuShareTimeline({  //例如分享到朋友圈的API  
                title: 'DIY专属夏日冰饮，冰爽一夏，玩转MIX风暴，赢取5元零门槛优惠券', // 分享标题
                link: 'https://dejing.vo20.cn/', // 分享链接
                imgUrl: 'https://dejing.vo20.cn/static/img/shareIcon.jpg', // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
                });
            wx.onMenuShareAppMessage({  //例如分享到朋友圈的API  
                title: '玩转缤纷冰饮，一起搅拌吧!', // 分享标题
                desc:'DIY专属夏日冰饮，冰爽一夏，玩转MIX风暴，赢取5元零门槛优惠券',
                link: 'https://dejing.vo20.cn/', // 分享链接
                imgUrl: 'https://dejing.vo20.cn/static/img/shareIcon.jpg', // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
                });
            wx.onMenuShareQQ({  //例如分享到朋友圈的API  
                title: '玩转缤纷冰饮，一起搅拌吧!', // 分享标题
                desc:'DIY专属夏日冰饮，冰爽一夏，玩转MIX风暴，赢取5元零门槛优惠券',
                link: 'https://dejing.vo20.cn/', // 分享链接
                imgUrl: 'https://dejing.vo20.cn/static/img/shareIcon.jpg', // 分享图标
                success: function () {
                    // 用户确认分享后执行的回调函数
                },
                cancel: function () {
                    // 用户取消分享后执行的回调函数
                }
                });
        });

    </script>
  </body>
</html>
